<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="jquery.js"></script>
  <script src="bootstrap.min.js"></script>
  <script src="practise.js"></script>
  <link rel="stylesheet" href="bootstrap.min.css">
  <style>
    * {
      padding: 0px;
      margin: 0px;
      font-size: 15px;
    }

    li{
      margin-left: 30px;
    }

  </style>
</head>

<body>
  
  <nav class="navbar navbar-expand-lg navbar-expand-lg bg-dark" style="height: 56px;">
   
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mr-auto">
        <li><a class="navbar-brand" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="35px" height="35px"
          fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
          <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
          <path fill-rule="evenodd"
            d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
        </svg></a></li>

        <li class="nav-item dropdown" style="color: honeydew;">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-expanded="false">
           登录
          </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
            <a class="dropdown-item" href="login.html" target="frame" >登录</a>
            <a class="dropdown-item" href="" target="frame" >安全退出</a>
            
        </li>

        <li class="nav-item active">
          <a class="nav-link" href="iframe.html" target="frame" >首页 <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="form.html" target="frame" >添加会员信息</a>
        </li>
       
        <li class="nav-item">
          <a class="nav-link" href="#" tabindex="-1" target="frame"  >删除会员信息</a>
        </li>

        <li class="nav-item">
          <a class="nav-link" href="user info.html" target="frame" >编辑会员信息</a>
        </li>
       
        <li class="nav-item">
          <a class="nav-link" href="user info.html" tabindex="-1" target="frame" >查看会员信息</a>
        </li>
      </ul>
      <form class="form-inline my-2 my-lg-0">
        <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
        <button class="btn btn-outline-success my-2 my-sm-0" type="submit"></button>
      </form>
    </div>
  </nav>


  <div class="container-fluid" style="height: calc(100vh - 56px);">
    <div class="row" style="height:100%">

      <div class="col-1 border-right bg-dark">
        <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
          <a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home"  target="frame"  role="tab">Home</a>
          <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile"  target="frame" role="tab">Profile</a>
          <a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages"  target="frame" role="tab">Messages</a>
          <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings"  target="frame" role="tab">Settings</a>
        </div>
      </div>







      <div class="col-11" style="padding: 0px; margin: 0px;">
        <iframe src="iframe.html" width="100%" height="100%" name="frame" frameborder="0" frame-border="0px"></iframe>
      </div>
    </div>
  </div>

</body>

</html>